<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html" template="/layout/normal.xhtml"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:c="http://java.sun.com/jstl/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:s="http://jboss.com/products/seam/taglib">

	<ui:define name="body">
		<a name="errores" />
		<h:panelGrid columns="1" id="mensaje" style="text-align:left;">
			<h:messages id="mesage1" styleClass="mensaje_bienvenida">
				<a4j:support event="onchange" action="location.hash='#errores'"></a4j:support>
			</h:messages>
		</h:panelGrid>
		<h:panelGrid columns="1" styleClass="contenedor_pest">
			<rich:tabPanel styleClass="pestanya">
				<rich:tab label="Consulta de calendario" styleClass="no_border">
					<rich:spacer height="15px;"></rich:spacer>
					<h:panelGrid columns="1">
						<h:outputText
							value="CALENDARIO DE LIGA #{calendarAction.temporada.anio.anio}"
							styleClass="th200_titulo" />
					</h:panelGrid>
					<rich:spacer height="1px;"></rich:spacer>
					<rich:separator styleClass="separadorTres"></rich:separator>
					<rich:spacer height="10px;"></rich:spacer>
					<h:panelGrid columns="3">
						<h:panelGrid columns="6">
							<rich:spacer width="50px;"></rich:spacer>
							<h:outputText value="Jornada " styleClass="th50" />
							<h:selectOneMenu value="#{calendarAction.jornada}"
								styleClass="input50">
								<s:selectItems var="tipo"
									value="#{calendarAction.listaJornadas}" label="#{tipo.numJor}"></s:selectItems>
								<a4j:support event="onchange"
									action="#{calendarAction.changeJornada()}"
									reRender="fechaJornada, partidos" limitToList="true"></a4j:support>
								<s:convertEntity />
							</h:selectOneMenu>
							<rich:spacer width="50px;"></rich:spacer>
							<h:outputText value="Fecha " styleClass="th50" />
							<h:outputText id="fechaJornada"
								value="#{calendarAction.fechaJornada}">
								<f:convertDateTime pattern="dd/MM/yyyy" timeZone="GMT+2" />
							</h:outputText>
						</h:panelGrid>
					</h:panelGrid>
					<rich:spacer height="10px;"></rich:spacer>
					<h:panelGrid columns="2">
						<rich:spacer width="100px;"></rich:spacer>
						<rich:dataTable id="partidos" value="#{partidos}" var="par"
							headerClass="rich-table-header"
							onRowMouseOver="this['cssoriginal']=this.style.backgroundColor;this.style.backgroundColor='#99FF99';"
							onRowMouseOut="this.style.backgroundColor=this['cssoriginal'];"
							rowClasses="fila_impar,fila_par" cellpadding="0" cellspacing="0"
							rendered="#{partidos!=null and partidos.rowCount >0}"
							width="530px" rows="#{calendarAction.numPartidosJornada}">

							<rich:column style="width:150px;text-align:center;">
								<f:facet name="header">
									<h:outputText value="Local" style="width:150px;" />
								</f:facet>
								<h:outputText value="#{par.local}" style="width:150px;"></h:outputText>
							</rich:column>
							<rich:column style="width:150px;text-align:center;">
								<f:facet name="header">
									<h:outputText value="Visitante" style="width:150px;"></h:outputText>
								</f:facet>
								<h:outputText value="#{par.visitante}" style="width:150px;"></h:outputText>
							</rich:column>
							<rich:column style="width:50px;text-align:center;">
								<f:facet name="header">
									<h:outputText value="Hora" style="width:50px;"></h:outputText>
								</f:facet>
								<h:outputText value="#{par.hora.hora}" style="width:50px;">
									<f:convertDateTime pattern="dd/MM/yyyy" timeZone="GMT+2" />
								</h:outputText>
							</rich:column>
							<rich:column style="width:75px;text-align:center;">
								<f:facet name="header">
									<h:outputText value="Estado" style="width:75px;"></h:outputText>
								</f:facet>
								<h:outputText value="#{par.estado}" style="width:75px;"
									rendered="#{par.estado != null}" />
								<h:outputText value="sin comenzar" style="width:75px;"
									rendered="#{par.estado == null}" />
							</rich:column>
							<rich:column style="width:75px;text-align:center;">
								<f:facet name="header">
									<h:outputText value="Resultado" style="width:75px;"></h:outputText>
								</f:facet>
								<h:outputText value="#{calendarAction.consultaResultado(par)}"
									style="width:75px;"></h:outputText>
							</rich:column>
							<rich:column style="width:30px;text-align:center;"
								rendered="#{calendarAction.mode == 2}">
								<f:facet name="header">
									<h:outputText value="" style="width:30px;"></h:outputText>
								</f:facet>
								<h:commandButton action="#{partidosAction.selectPartido(par)}"
									value="" title="Selecciona este partido para ver sus datos"
									styleClass="boton_peq verPartido" style="width:30px;" />
							</rich:column>
						</rich:dataTable>
					</h:panelGrid>
				</rich:tab>
			</rich:tabPanel>
			<rich:spacer height="10px;"></rich:spacer>

		</h:panelGrid>

	</ui:define>
	<ui:define name="botonera">
		<h:panelGrid columns="7" styleClass="tabla_botonera">
			<h:panelGrid columns="1">
				<a4j:commandButton styleClass="botonBotonera ayuda" id="linkAyuda"
					style="width:48px;"
					title="pulsa para obtener ayuda acerca de la pantalla">
					<rich:componentControl for="panelAyuda" attachTo="linkAyuda"
						operation="show" event="onclick"></rich:componentControl>
				</a4j:commandButton>
				<h:outputText value="Ayuda" style="width:48px;"
					styleClass="botonTexto_botonera"></h:outputText>
			</h:panelGrid>
			<rich:spacer width="15px;"></rich:spacer>
			<h:panelGrid columns="1">
				<a4j:commandButton styleClass="botonBotonera volver"
					style="width:48px;" action="#{calendarAction.volver()}"
					title="pulsa para volver al menú competición de la aplicación">
				</a4j:commandButton>
				<h:outputText value="Volver" style="width:48px;"
					styleClass="botonTexto_botonera"></h:outputText>
			</h:panelGrid>
			<rich:spacer width="15px;" rendered="#{calendarAction.mode == 1}"></rich:spacer>
			<h:panelGrid columns="1" rendered="#{calendarAction.mode == 1}">
				<h:commandButton styleClass="botonBotonera exportar" value=""
					style="width:48px;"
					action="#{exportPartido.exportFichaPartidoPdf(partidosAction.partido)}"
					title="pulsa para exportar el calendario de la temporada">
				</h:commandButton>
				<h:outputText value="Exportar" style="width:48px;"
					styleClass="botonTexto_botonera"></h:outputText>
			</h:panelGrid>
			<rich:spacer width="15px;"></rich:spacer>
			<h:panelGrid columns="1">
				<a4j:commandButton styleClass="botonBotonera inicio"
					style="width:48px;" action="#{calendarAction.menu()}"
					title="pulsa para volver al menú principal de la aplicación">
				</a4j:commandButton>
				<h:outputText value="Inicio" style="width:48px;"
					styleClass="botonTexto_botonera"></h:outputText>
			</h:panelGrid>
		</h:panelGrid>

		<rich:modalPanel id="panelAyuda" minWidth="400" minHeight="200"
			autosized="false" resizeable="false">

			<rich:spacer height="5px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="160px;"></rich:spacer>
				<h:outputText value="Ayuda" styleClass="thTitulo" />
			</h:panelGrid>
			<rich:spacer height="10px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="25px;"></rich:spacer>
				<h:outputText
					value="Está en la pantalla de alta de nueva temporada. Para dar de alta una nueva temporada necesitará asignar un año a la temporada,
					un conjunto de equipos así como otro de colegiados. Seleccione los equipos y colegiados búscándolos y eligiéndolos de entre los resultados. 
									 Siga las instrucciones de la pantalla y para almacenar los datos pulse el botón guardar de la botonera inferior."
					style="width:325px;" styleClass="thModalPanel" />
			</h:panelGrid>
			<rich:spacer height="25px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="325px;"></rich:spacer>
				<h:panelGrid columns="1">
					<h:commandButton id="Aceptar" styleClass="boton_crr cerrar">
						<rich:componentControl for="panelAyuda" attachTo="Aceptar"
							operation="hide" event="onclick" />
					</h:commandButton>
				</h:panelGrid>
			</h:panelGrid>
		</rich:modalPanel>

		<rich:modalPanel id="panelAlta" minWidth="400" minHeight="225"
			autosized="false" resizeable="false">

			<rich:spacer height="5px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="110px;"></rich:spacer>
				<h:outputText value="Alta de temporada" styleClass="thTitulo" />
			</h:panelGrid>
			<rich:spacer height="10px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="25px;"></rich:spacer>
				<h:outputText
					value="Se dispone a dar de alta una nueva temporada en el sistema. 
					¿Desea dar de alta la temporada para el año seleccionado?"
					style="width:325px;" styleClass="thModalPanel" />
			</h:panelGrid>
			<rich:spacer height="25px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="90px;"></rich:spacer>
				<h:panelGrid columns="3">
					<h:commandButton id="aceptarA"
						action="#{competicionAction.altaTemporada()}" value=""
						styleClass="boton_modal aceptar">
						<rich:componentControl for="panelAlta" attachTo="aceptarA"
							operation="hide" event="onclick" />
					</h:commandButton>
					<rich:spacer width="15px;"></rich:spacer>
					<h:commandButton id="cancelarA" value=""
						styleClass="boton_modal cancelar">
						<rich:componentControl for="panelAlta" attachTo="cancelarA"
							operation="hide" event="onclick" />
					</h:commandButton>
				</h:panelGrid>
			</h:panelGrid>
			<rich:spacer height="25px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="325px;"></rich:spacer>
				<h:panelGrid columns="1">
					<h:commandButton id="cerrarG" styleClass="boton_crr cerrar">
						<rich:componentControl for="panelAlta" attachTo="cerrarG"
							operation="hide" event="onclick" />
					</h:commandButton>
				</h:panelGrid>
			</h:panelGrid>
		</rich:modalPanel>

	</ui:define>
</ui:composition>